<template>
	<view>
		<u-navbar :title="title1" :autoBack="true" placeholder></u-navbar>
		<view class="con">
			<view class="con__item" style="padding: 10rpx 26rpx 10rpx 4rpx;">
				<view class="con__item__label">
					头像
				</view>
				<button class="u-reset-button">
					<image src="/static/logo.png" class="con__item__tx" mode="aspectFill"></image>
				</button>
				<image src="/static/home/more.png" class="con__item__more" mode=""></image>
			</view>
			<view class="con__item" style="padding: 40rpx 26rpx 48rpx 4rpx;" @click="show=true">
				<view class="con__item__label">
					昵称
				</view>
				<view class="con__item__value">
					小小
				</view>
				<image src="/static/home/more.png" class="con__item__more" mode=""></image>
			</view>
		</view>
		<u-popup mode='bottom' round="28rpx" :show="show" @close='show=false'>
			<view class="popbox">
				<input v-model="nickname" type="text" placeholder="请输入昵称" class="popbox__inp"/>
				<view class="" style="padding:50rpx 60rpx 20rpx;">
					<u-button text="确定" color="#6489e2" shape='circle'></u-button>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show:false
			};
		}
	}
</script>

<style lang="scss">
page{
	background-color: #F2F6F9;
}
.popbox{
	padding: 61rpx 40rpx 30rpx;
	&__inp{
		padding: 0 18rpx;
		height: 99rpx;
		background: #F2F6F9;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: bold;
		font-size: 28rpx;
		color: #000306;
	}
}
.con{
	margin-top: 20rpx;
	background-color: #fff;
	padding-left: 35rpx;
	&__item{
		display: flex;
		align-items: center;
		border-bottom: 1rpx solid #F2F2F2;
		&__label{
			font-family: PingFang-SC, PingFang-SC;
			font-weight: bold;
			font-size: 26rpx;
			color: #050505;
			flex: 1;
			line-height: 30rpx;
		}
		&__tx{
			width: 140rpx;
			height: 140rpx;
			border-radius: 10rpx;
			
		}
		&__value{
			font-family: PingFang-SC, PingFang-SC;
			font-weight: bold;
			font-size: 32rpx;
			color: #949494;
			line-height: 30rpx;
		}
		&__more{
			width: 23.44rpx;
			height: 36.56rpx;
			margin-left: 30rpx;
		}
	}
}
</style>
